<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>设置</title>
	<meta charset="utf-8">
	<meta http-equiv="Content-Type" content="IE=edge,chrome=1">
	<title></title>
	<meta name="description" content="">
	<!-- viewport 设备屏幕参数设置 -->
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> 
	<script type="text/javascript" src="../common/meta.js"></script> 
	<script type="text/javascript" src="./cache.js"></script> 	
	<script type="text/javascript" src="./setting.js"></script> 	 
<style>
    	.tab-border{
    		border: 0 1px 1px 1px;
    		border-color: gray;
    	}
    	#settingtab {
    		margin-bottom: 0px;
    	}
    	#settingtab li a{
    		background-color: #A6D7E8;
    		background-image: linear-gradient(to bottom, #89CBE1, #40ABCE);
    		background-repeat: repeat-x;
    		color: #FFFFFF;
    		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    	}
    	#settingtab .nav{
    		margin-bottom: 0px;
    	}
    	.nav-tabs{
    		margin-bottom: 0px;
    		border-bottom: 0px;
    	}
    	.tab-content .tab-pane{
    		margin-top:1px;
    		border: 1px solid #DDDDDD;
    		padding: 6px 3px 0px 5px;
    	}
    	.tab-content .tab-pane .ui-grid-a{
    		height: 29px;
    	}
    	.ui-grid-a .ui-block-b{
    		text-align: right;
    		height: 24px;
    	}
    	
    	.ui-grid-a .ui-block-a  label{
    		padding-top: 2px;
    		padding-left: 7px;
    	}
    	.home{
		 	margin-top:5px;
		 	float:right;
		 }
		.ui-header .ui-title{
		    font-size: 18px;
		}
           ul, ol {
			margin: 0 0 0px 0px;
			padding: 0;
		}
         .back{
		 	margin-top:5px;
             float:left;
		 }
</style>	
	
     
</head>
<body>
<div id="settingPage" data-role="page" class="bodyframe">

	<div data-role="header" class="theme-info">
		<ul class="back">
	   		<a   href="main.html"><image src='../image/left_48.png'></image></a>
	   	</ul>
		<ul class="home">
	   		<a  id="home" ><image src='../image/home_48.ico'></image></a>
	   	</ul>
		<h1 id="catagoryName">设置</h1>
	</div>
	
	<div class="bs-docs-example" style="margin: 5px;">
		<ul id="settingtab" class="nav nav-tabs">
			<li class="active">
				<a data-toggle="tab" href="#backsetting">个性设置</a>
			</li>
		</ul>
		<div class="tab-content tab-border" >
			<div class="tab-pane active" id="backsetting">
				<a href="setBackground.html" >
				<div class="ui-grid-a">
					<div class="ui-block-a"><label>背景设置</label></div>
					<div class="ui-block-b"><img src="../image/right_24.ico"></img></div>
				</div>
				</a>
		  	</div>
		</div>
	</div>
	
	<div class="bs-docs-example" style="margin: 5px;">
		<ul id="settingtab" class="nav nav-tabs">
			<li class="active">
				<a data-toggle="tab" href="#backsetting">关于</a>
			</li>
		</ul>
		<div class="tab-content tab-border" >
			<div class="tab-pane active" id="backsetting">
				<a href="version.html" >
				<div class="ui-grid-a">
					<div class="ui-block-a"><label>版本</label></div>
					<div class="ui-block-b"><img src="../image/right_24.ico"></img></div>
				</div>
				</a>
				<a href="aboutUs.html" >
				<div class="ui-grid-a">
					<div class="ui-block-a"><label>关于我们</label></div>
					<div class="ui-block-b"><img src="../image/right_24.ico"></img></div>
				</div>
				</a>
		  	</div>
		</div>
	</div>
	
</div>	

 
</body>

</html>